<template>
  <div>
    <div class="goods-detail">
      <div class="tab-title">退款信息</div>
      <div class="after-sale" style="text-align:left;padding-left:50px">
        <el-row style="margin-top: 10px;">
          <el-col :span="8">
            <span class="label">退款状态：</span>
            <span class="value">{{refundStatus}}</span>
          </el-col>
        </el-row>
        <el-row style="margin-top: 10px;">
          <el-col :span="8">
            <span class="label">售后单退款金额：</span>
            <span class="value">{{refundAmountOfAftersalesOrder}}</span>
          </el-col>
        </el-row>
        <el-row style="margin-top: 10px;">
          <el-col :span="8">
            <span class="label">售后单退款金粉金额：</span>
            <span class="value">{{aftersalesOrderRefundAmountOfGoldPowder}}</span>
          </el-col>
        </el-row>
        <el-row style="margin-top: 10px;">
          <el-col :span="8">
            <span class="label">补偿退款金额：</span>
            <span class="value">{{compensationRefundAmount}}</span>
          </el-col>
        </el-row>
      </div>
    </div>
    <!-- 表格部分 -->
    <div class="goods-detail">
      <el-table
        class="toolbar"
        :header-cell-style="{background:'#2F4554',color:'#FFFFFF'}"
        :data="afterData"
        style="width: 100%">
        <el-table-column prop="number" label="平台退款单号" width="180"></el-table-column>
        <el-table-column prop="type" label="订单退款类型" width="180"></el-table-column>
        <el-table-column prop="shape" label="退款形式"></el-table-column>
        <el-table-column prop="money" label="退款金额（元）"></el-table-column>
        <el-table-column prop="afterNumber" label="退款凭证号"></el-table-column>
        <el-table-column prop="status" label="退款状态"></el-table-column>
        <el-table-column prop="time" label="退款时间"></el-table-column>
      </el-table>
    </div>
  </div>
</template>

<script>
  export default {
    props:["refundStatus","refundAmountOfAftersalesOrder","aftersalesOrderRefundAmountOfGoldPowder","compensationRefundAmount","afterData"]
    }
</script>

<style>
</style>
